<template>
    <div class="classfiy">
        <p class="p1">+</p>
       <span><a  href="#">&lt;</a></span>

    </div>
</template>

<script>
export default {
    methods:{
        goIndex(){
            this.$router.push({name:'homepage'})
        }
    }
}
</script>

<style lang='scss' scoped>
 $appwidth:375;


@function pxtovw($p){
    @return (100/$appwidth*$p) * 1vw;
}
.classfiy{
    width: 100%;
    position: fixed;
    height: pxtovw(40);
     line-height: pxtovw(40);
    background: #eee;
    .p1{
         height: pxtovw(40);
       line-height: pxtovw(40);
        text-align: right;
        margin-right:pxtovw(10); 
        font-size: pxtovw(22);
        color: rgb(92, 91, 92);
    }
    span{
        position: absolute;
        left:pxtovw(10);
        top:pxtovw(0);
        font-size: pxtovw(18);
        a{
            text-decoration: none;
        }
    }
}
</style>
